<!-- Importamos los metodos js del abm de mensajes-->
<script type="text/javascript" src="<?php echo base_url(); ?>js/funciones_mensajes.js"></script>

<div class="breadcrumbs" id="breadcrumbs">
	<script type="text/javascript">
		try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
	</script>
	
	<!-- Informacion de las secciones abiertas -->
	<ul class="breadcrumb">
		<li>
			<i class="icon-home home-icon"></i>
			<a href="<?php echo(site_url("inicio")); ?>">Inicio</a>
		</li>
		<li class="active">
			<a href="<?php echo(site_url("mensaje/entrada")); ?>">Bandeja de Entrada</a>
		</li>
	</ul><!-- .breadcrumb -->
	<!-- Fin Informacion de las secciones abiertas -->
</div>

<!-- Seccion de contenido -->
<div class="page-content">
	<div class="page-header">
		<h1>
			Mensajes
			<small>
				<i class="icon-double-angle-right"></i>
				Bandeja de Entrada
			</small>
		</h1>
	</div><!-- /.page-header -->
	
	<!-- start: Botonera chica -->
	<div class="row-fluid">								
		<a href="<?php echo(site_url("mensaje/abrirPantallaCrear/0")); ?>" class="btn btn-app btn-primary btn-sm no-radius">
			<i class="icon-envelope-alt"></i>
			Crear
		</a>
	</div>
	<!-- end: Botonera chica -->
	
	<div class="hr hr-double hr-dotted hr18"></div>
	
	<div class="row">
		<div class="col-xs-12">			
			<!-- Inicio Tabla -->
			<div class="row">
				<div class="col-xs-12">
					<!-- PAGE CONTENT BEGINS -->		
					<div class="table-header">
						&nbsp;
					</div>

					<div class="table-responsive">
						<table id="sample-table-2" class="table table-striped table-bordered table-hover">
							<thead>
								<tr>							
									<th>Op.</th>
									<th>Orden</th>
									<th>Remitente</th>
									<th>Asunto</th>
																		
									<th class="visible-md visible-lg hidden-sm hidden-xs">
										<i class="icon-time"></i>
										Creaci&oacute;n
									</th>
									<th>Estado</th>
								</tr>
							</thead>

							<tbody>
								<?php
									$i=0;
									
									//Recorremos todos los mensajes que nos paso el controlador y generamos la tabla html
									foreach ($mensajes->result() as $mensaje){ 
										$i++;
									?>
										<tr>																		
											<td>
												<div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
													<a onclick="eliminarMensaje('<?php echo(site_url('mensaje/eliminar/'.$mensaje->idMensaje.'/1')); ?>', '<?php echo($mensaje->apellido.", ".$mensaje->nombre);?>')" class="red" href="#" title="Borrar">
														<i class="icon-trash bigger-130"></i>
													</a>
													
													<a class="green" href="<?php echo(site_url('mensaje/visualizar/'.$mensaje->idMensaje.'/1')); ?>" title="Visualizar">
														<?php 
															if($mensaje->leido == 0)
																echo('<i class="icon-folder-close-alt bigger-130"></i>');
															else
																echo('<i class="icon-folder-open-alt bigger-130 red"></i>');
														?>
													</a>
												</div>

												<div class="visible-xs visible-sm hidden-md hidden-lg">
													<div class="inline position-relative">
														<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
															<i class="icon-caret-down icon-only bigger-120"></i>
														</button>

														<ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
															<li>
																<a onclick="eliminarMensaje('<?php echo(site_url('mensaje/eliminar/'.$mensaje->idMensaje.'/1')); ?>', '<?php echo($mensaje->apellido.", ".$mensaje->nombre);?>')" href="#" class="tooltip-error" data-rel="tooltip" title="Borrar">
																	<span class="red">
																		<i class="icon-trash bigger-120"></i>
																	</span>
																</a>
															</li>
															
															<li>
																<a href="<?php echo(site_url('mensaje/visualizar/'.$mensaje->idMensaje.'/1')); ?>" class="tooltip-success" data-rel="tooltip" title="Visualizar">
																	<span class="green">
																		<?php 
																			if($mensaje->leido == 0)
																				echo('<i class="icon-folder-close-alt bigger-120"></i>');
																			else
																				echo('<i class="icon-folder-open-alt bigger-120 red"></i>');
																		?>
																	</span>
																</a>
															</li>
														</ul>
													</div>
												</div>
											</td>
											
											<td><?php echo($i); ?></td>
																						
											<td>
												<span <?php if($mensaje->leido == 0) echo('style="font-weight:bold"');?>>
													<a href="<?php echo(site_url('mensaje/visualizar/'.$mensaje->idMensaje.'/1')); ?>"><?php echo($mensaje->apellido .", ".$mensaje->nombre); ?></a>
												</span>
											</td>
											
											<td>
												<span <?php if($mensaje->leido == 0) echo('style="font-weight:bold"');?>>
													<?php echo($mensaje->asunto); ?>
												</span>
											</td>
											
											<td class="visible-md visible-lg hidden-sm hidden-xs"><?php echo($mensaje->fechaCreacionFormateada); ?></td>
											
											<td>
												<?php if($mensaje->leido == 1){ ?>
												<span class="label label-sm label-danger">Le&iacute;do</span>
												<?php } else { ?>
												<span class="label label-sm label-success">Sin Leer</span>
												<?php } ?>
											</td>
										</tr>
								<?php } ?>
							</tbody>
						</table>
					</div>
					
					<div class="hr hr-18 dotted hr-double"></div>
					
					<!--
					<div class="alert alert-info">
						<strong>Importante!</strong>

						
						<br>
					</div> -->
					
				</div><!-- /.col -->
			</div><!-- /.row -->
			<!-- Fin Tabla -->
		</div><!-- /.col -->
	</div><!-- /.row -->
</div><!-- /.page-content --><!-- Fin Seccion de contenido -->

<!-- inline scripts related to this page -->
<script type="text/javascript">
	jQuery(function($) {	
		/*$(".chosen-select").chosen();*/
	});
</script>